<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
<h2>把大象放在冰箱里要多少步</h2>
<ol>
    <li>把冰箱门打开</li>
    <li>把大象放进去</li>
    <li>把冰箱门关闭</li>
    <li>
        <a href="http://www.baidu.com" target="_blank">去百度如何将大象关进冰箱 </a>
    </li>
</ol>

<h2>我想去的几个城市</h2>
<ul>
    <li>广州</li>
    <li>
        <span>上海</span>
        <ul>
            <li>外滩</li>
            <li>迪士尼</li>
            <li>
                <span>东方明珠</span>
                <ul>
                    <li>xxx</li>
                </ul>
            </li>

        </ul>
    </li>
    <li>梅州</li>
    <li>潮州</li>
    <li>北京</li>
</ul>

<h2>如何更好的学习</h2>
<dl>
    <dt>做好笔记</dt>
    <dd>笔记是复习最重要的</dd>
    <dd>笔记可以是电子版也可以是笔记版</dd>
    <dt>多敲代码</dt>
    <dd>只有自己敲出来的代码才是自己的</dd>
    <dt>别怕出错</dt>
    <dd>出错是正常的,修改错误并记住,最后才是自己的</dd>
</dl>

</body>
</html>
<!--
无论是ol还是ul,他的子元素最好都是li
列表可以进行嵌套,一般不超过三层嵌套
有序列表侧重于顺序
无序列表无顺序或不侧重顺序
-->